@include('Home\header')
<script type="text/javascript">
	function shoppingCar()
	{
		document.form.action="/shoppingCar";  
	}
	function order()
	{
		document.form.action="/order";
	}
</script>
<script src="/jquery-1.7.2.js"></script>
 <div id="container" class="page-container clearfix">
      <div class="wrap">
        <div class="bread-crumbs">
          <div class="Navigation">您当前的位置： 
          <span>
            <a href="/" alt="" title="">首页</a>
          </span> 
          <span>&gt;</span> 
          <span>
            <a href="/goodsDetaile/4" alt="" title="">男人装出品</a>
          </span> 
          <span>&gt;</span> 
          <span class="now">《男人装》全年订阅</span></div>
        </div>
        <div class="wrap-s l">
          <div class="xm-box historyList" id="box_143">
            <div class="hd">
              <h3 class="title"></h3>
              <span class="morelink frt">
                <a class="lnk clearAll"
                onclick="if(browserStore){browserStore.remove(&#39;history&#39;);$(&#39;box_143&#39;).empty()}"></a>
              </span>
            </div>
            <div class="bd">
              <ul class="xm-goods-sublist xm-goods-sublist-l"></ul>
            </div>
          </div>
          <div class="box1 sidegoods">
            <h3>人气热销商品</h3>
            <div class="body">
              <ul class="clearfix goodslist">
                <li class="item">
                  <div class="goodpic">
                    <a target="_blank" href="/goodsDetaile/18" title="《男人装》全年订阅">
                      <img src="/Picture/8e63e232854231ab8c466f0d23c28c22.jpg" alt="《男人装》全年订阅" width="180" height="180" />
                    </a>
                  </div>
                  <div class="info">
                    <h6>
                      <a target="_blank" href="/goodsDetaile/18">《男人装》全年订阅</a>
                    </h6>
                    <p>
                    <span class="price1">￥23</span> 
                    <span class="mktprice1">￥23</span></p>
                  </div>
                </li>
                <li class="item">
                  <div class="goodpic">
                    <a target="_blank" href="" title="《男人装》杂志2016年2月刊">
                      <img src="/Picture/2a86fb104d7cbf86e87c2fbee17c6640.jpg" alt="《男人装》杂志2016年2月刊" width="180"
                      height="180" />
                    </a>
                  </div>
                  <div class="info">
                    <h6>
                      <a target="_blank" href="">《男人装》杂志2016年2月刊</a>
                    </h6>
                    <p>
                    <span class="price1">￥23</span> 
                    <span class="mktprice1">￥25</span></p>
                  </div>
                </li>
                
                <li class="item">
                  <div class="goodpic">
                    <a target="_blank" href="" title="《男人装》2015年5月刊">
                      <img src="/Picture/078aee0f7f1a797c28ec1ee9fdc3832b.jpg" alt="《男人装》2015年5月刊" width="180" height="180" />
                    </a>
                  </div>
                  <div class="info">
                    <h6>
                      <a target="_blank" href="">《男人装》2015年5月刊</a>
                    </h6>
                    <p>
                    <span class="price1">￥16.00</span> 
                    <span class="mktprice1">￥30.00</span></p>
                  </div>
                </li>       
              </ul>
            </div>
          </div>
        </div>
        <div class="wrap-m r">
          <div id="main" class="clearfix">
            <!-- 商品详情 -->
            <div class="page-maincontent">
              <div id="product_container" class="product-container clearfix">
                <!-- 标题简介 -->
                <div class="product-titles">
                  <h2>商品名称:{{$gresult->gname}}</h2>
                </div>


                <form name="form" method="post" target="_dialog_minicart">
                {!!csrf_field()!!}
                <!-- <input type="hidden" name="prepare_type" value="" />  -->
                <!-- <input type="hidden" name="btype" />  -->
                <!-- <input type="hidden" name="goods[goods_id]" value="20" />  -->
                <!-- <input type="hidden" name="goods[product_id]" value="20" /> -->
                <input type="hidden" name="gid" value="{{$gresult->gid}}" />
                <div class="product-side" style="width:302px;">
                 

                  <!-- 商品相册 -->
                  <div id="product_album" class="product-album">
                    <div class="product-album-preview clearfix">
                      <div class="product-album-pic" style="width:300px;height:300px;line-height:298px;*font-size:270px;">
                        <a href="#"
                        class="album-preview-container" id="op_product_zoom">
                          <img src="/uploads/{{$gresult->gimg}}" alt="{{$gresult->gname}}" class="small-pic"
                          style="max-width:300px;max-height:300px;" />
                        </a>
                      </div>
                      <img class="loading" app="b2c" src="/Picture/loading.gif" alt="正在加载大图..." style="display:none;" />
                      <div class="product-album-zoom">
                        <a href="www.manshop.com/uploads/{{$gresult->gimg}}" title="点击查看大图" target="_blank" class="icon"></a>
                      </div>
                    </div>
                    <div class="product-album-thumb product-album-thumb-bottom">
                      <div class="flip prev forward over">
                        <a href="javascript:void(0);" class="icon"></a>
                      </div>
                      <div class="thumbnail-list" style="width:268px;">
                        <ul class="clearfix">
                          <li class="active">
                            <div class="arrow arrow-top"></div>
                            <div class="thumbnail">
                              <a href="#"
                              rel="op_product_zoom"
                              rev="#">
	
                                <img src="/uploads/{{$gresult->gimg}}" alt="{{$gresult->gname}}" width="60" height="60" />
                              </a>
                            </div>
                          </li>
                        </ul>
                      </div>
                      <div class="flip next backward over">
                        <a href="javascript:void(0);" class="icon"></a>
                      </div>
                    </div>
                  </div>
                  <!-- 分享推荐收藏 -->
                  <div class="share-recommend" id="share_recommend">
                    <!-- favarite -->
                    <a href="/" class="btn btn-rounded btn-addfav">
                      <span>
                        <span>
                          <i class="icon icon-fav">♥</i>
                          <i class="text">收藏</i>
                        </span>
                      </span>
                    </a>
                  </div>
                </div>
                <div class="product-main clearfix" style="margin-left:320px;">
                  <!-- 商品基本信息 -->
                  <div id="product_information" class="product-information">
                    <!--商品价格 and 商品评分-->
                    <div class="product-concerns">
                      <ul>
                       
                        <li class="item">
                        <span class="label">名称：{{$gresult->gname}}</span> 
                        <span class="detail">
                          <i class="minor">
                            <del class="action-mktprice"></del>
                          </i>
                        </span></li>
                        <li class="item">
                        <span class="label">价格：￥{{$gresult->gprice}}</span> 
                        <!-- <span class="detail"> -->
                        <i class="minor">最低起</i> 
                        <span class="more pop-wrapper">
                          <a href="javascript:void(0);" class="action-handle">
                            <i class="icon">￥{{$gresult->gprice}}</i>
                          </a>
                        </span></span>
                        <div class="pop-body action-memberprice" style="display:none;"></div></li>
                        <li class="item">
                        <span class="label">商品评分：</span> 
                        <span class="detail">
                        <em class="stars stars-0">
                          <span >
                            <i >暂无评论</i>
                            <i class="icon star"></i>
                            <i class="icon star"></i>
                            <i class="icon star"></i>
                            <i class="icon star"></i>
                          </span>
                          <span class="above">
                            <i class="icon star">.</i>
                            <i class="icon star">.</i>
                            <i class="icon star">.</i>
                            <i class="icon star">.</i>
                            <i class="icon star">.</i>
                          </span>
                        </em> 
                        <i>(
                        <a href="javascript:void(0);"
                        onclick="$$(&#39;.product-tags .tag-comment&#39;).fireEvent(&#39;click&#39;);location.href=&#39;#product_comment&#39;;">共0人评论</a>)</i></span></li>
                      </ul>
                    </div>
                    <!-- 赠品和促销 -->
                    <!--判断是预售商品-->
                    <!-- 扩展属性 -->
                    <div class="product-params">
                      <table width="100%">
                        <tbody>
                          <tr>
                            <td class="label">
                              <div class="text-nowrap">货品编号：P56B064AD6A367</div>
                            </td>                     
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="product-params">
                      <table width="100%">
                        <tbody>
                          <tr>
                            <td class="label">
                              <div class="text-nowrap">商品库存：{{$gresult->num or '222'}} 件</div>
                            </td>
                            <td width="45%"></td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <!-- 购买区 -->
                    <div class="product-buy">
                      <!-- 商品规格 -->
                      <div class="product-action">
                        <ul>

                          <!--商品库存-->
                          <li class="product-buy-quantity">
                          <label class="item-label" for="for_quantity_input">数量：</label> 
                          <span class="item-content">
                          <span class="p-quantity">
                            <a href="javascript:void(0);" id="increat" class="btn-increase">+</a>&nbsp;<a href="javascript:void(0);" id="decreat" class="btn-decrease">-</a><br/>
                            <input type="text" name="goods_num" id="for_quantity_input" class="action-quantity-input" value="1"
                            min="1" max=""/><br/>  
                          </span> 
                          
                          </span>
                          </li>
                          <!--控制加减商品按钮-->
                          <script>
                          	//alert($);
                          	$(function(){
                          		$('#increat').click(function(){
                          			var abc = $('#for_quantity_input').val();
                          			if(parseInt(abc) >= {{$gresult->num}}){
                          				alert('超出库存数量 无法购买');
                          			}else{
                          				$('#for_quantity_input').val( parseInt(abc)+1);
                          			}	
                          			 			
                          		});
                          		$('#decreat').click(function(){
                          			var abc = $('#for_quantity_input').val();
                          			if(parseInt(abc) <= 1){
                          				alert('该商品的最小购买数量为1件');
                          			}else{
                          				$('#for_quantity_input').val( parseInt(abc)-1);
                          			}	
                          		});
                          	});
                          </script>


                          <!--购买按钮-->
                          <li class="product-buy-action">
                          <button type="submit" onclick="shoppingCar()" class="btn btn-import btn-huge action-buynow" rel="_request">
                            <span>
                              <span>加入购物车</span>
                            </span>
                          </button> 
                          <!--判断是否是预售商品和预售商品的时间判断-->
                          <button type="submit" onclick="order()" name="" class="btn btn-major btn-huge action-addtocart" rel="_request">
                            <span>
                              <!-- <span><a href="http://www.baidu.com">直接购买</a></span> -->
                              <span>直接购买</span>
                            </span>
                          </button> 
                          <button type="button"  class="btn btn-caution btn-huge action-notify hide">
                            <span>
                              <span>到货通知</span>
                            </span>
                          </button> 
                          <!-- <span class="pop-wrapper action-scanbuy">
                            <button type="button" class="btn action-handle">
                              <span class="pop-wrapper action-scanbuy">扫一扫购买 
                              <i class="icon icon-qrcode">i</i></span>
                              <div class="pop-body" style="display:none;">
                                <img src="/Picture/fe27f17693feccfdebb623ae5187cc8c.png" alt="商品二维码" width="148" height="148" />
                              </div>
                            </button>
                          </span> -->
                          </li>
                          <!--判断是预售商品-->
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
                </form>

                <img src="/uploads/{{$gresult->gimg}}" width="1" border="none" height="1" class="hide" />
                <div id="product_notify" class="product-notify" style="display:none;">
                  <p class="desc">该货品暂时缺货，请在下面输入您的邮箱地址或手机号码，当我们有现货供应时，我们会发送邮件通知您！</p>
                 
                  <form class="form" method="post" action="/product-toNotify.html">
                  <input type="hidden" name="item[0][goods_id]" value="20" /> 
                  <input type="hidden" name="item[0][product_id]" value="20" />
                  <ul>
                    <li class="form-item">
                    <label for="" class="form-label">邮箱地址：</label> 
                    <span class="form-act">
                    <!--
          <input class="x-input" type="text" name="email" id="dom_el_0c5f920" size="30" vtype="required&&email" />          -->
                     
                    <input type="text" name="email" id="" size="30" /></span></li>
                    <li class="form-item">
                    <label for="" class="form-label">手机号码：</label> 
                    <span class="form-act">
                    <!--
            <input class="x-input" type="text" name="cellphone" id="dom_el_0c5f921" size="30" vtype="required" />            -->
                     
                    <input type="text" name="cellphone" id="" size="30" /></span></li>
                    <li class="form-item form-item-last">
                      <span class="form-act">
                        <button type="submit" class="btn btn-caution" rel="_request">
                          <span class="form-act">
                            <span>
                              <span>提交</span>
                            </span>
                          </span>
                        </button>
                      </span>
                    </li>
                  </ul>
                  </form>

                </div>
              </div>
              <!-- 配件套餐 -->
              <div id="product_section">
                <div id="product_detail" class="product-section product-detail">
                  <h2 class="tags-hd active">
                    <a href="#detail">商品详情</a>
                  </h2>
                  <div class="product-attributes">
                    <ul class="clearfix">
                      <li>品牌：{{$gresult->gname}}
                      <a href="/brand.html"></a></li>
                      <li>所属分类：{{$cresult[$gresult->cid]->cname}}</li>
                    </ul>
                  </div>
                  <div class="detail-content">
                    <textarea class="action-lazyload hide"></textarea>
                  </div>
                  <div id="product_comment_init" class="product-comment" data-sync-type="product_comment_init"></div>
                  <div id="product_consult_init" class="product-consult" data-sync-type="product_consult_init"></div>
                </div>
                <!-- <div id="product_comment" class="product-section product-comment" data-sync-type="product_comment"
                style="display:none;">
                  <h2 class="tags-hd tag-comment">
                    <a href="#recomment">商品评论</a>
                  </h2>
                </div>
                <div id="product_consult" class="product-section product-consult" data-sync-type="product_consult"
                style="display:none;">
                  <h2 class="tags-hd tag-consult">
                    <a href="#consult">商品咨询</a>
                  </h2>
                </div> -->
                <div id="product_related" class="product-related" data-widget-type="Switchable" data-sync-type="product_related">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
@include('Home\footer')